<!DOCTYPE html>
<html>
<head>
<title>About</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<script src="js/jquery.min.js"></script>
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!--header-->
<div class="header header1" >
	<div class="head" >
		<div class="container">
			<div class="navbar-top">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
					  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					  </button>
						 <div class="navbar-brand logo ">
							<h1 class="animated wow pulse" data-wow-delay=".5s">
							<a href="index.html"><span><b>C</b></span>lassic <i>Interior</i></a></h1>
						</div>

					</div>

					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					 <ul class="nav navbar-nav link-effect-4">
					<li ><a href="index.html" data-hover="Home">Home</a> </li>
						<li class="active"><a href="about.html" data-hover="About">About </a> </li>
						<li><a href="gallery.html"  data-hover="Gallery">Gallery</a></li>
						<li><a href="codes.html" data-hover="Codes">Codes </a></li>
						<li><a href="contact.html" data-hover="Contact">Contact</a></li>
					  </ul>
					</div><!-- /.navbar-collapse -->
				</div>
	
			<div class="header-left animated wow fadeInLeft animated" data-wow-delay=".5s" >
					<ul>
						<li><i class="glyphicon glyphicon-envelope"></i><a href="mailto:info@example.com">@example.com</a></li>
						<li><i class="glyphicon glyphicon-earphone"></i>+1234 567 892</li>
						
					</ul>
				</div>
			  <div class="clearfix"></div>	
		</div>
	</div>
	<!---->	
</div>
	<!---->
	<div class="content-about">
			<div class="container">
				<div class="ser-top">
					<h3>About</h3>
					<div class="ser-t">
						<b></b>
						<span><i></i></span>
						<b class="line"></b>
					</div>
				 </div>
				<div class="col-md-8 us-grid">
					<div class="col-md-6 us-col ">
						<div class="col-left">
						<span>01</span>	
						</div>
						<div class="col-right">
							<h6>Claritas est etiam </h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy </p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-6 us-col">
						<div class="col-left">
						<span>02</span>	
						</div>
						<div class="col-right">
							<h6>Claritas est etiam </h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy  </p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-6 col-us">
						<div class="col-left">
						<span>03</span>	
						</div>
						<div class="col-right">
							<h6>Claritas est etiam </h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy  </p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="col-md-6 col-us">
						<div class="col-left">
						<span>04</span>	
						</div>
						<div class="col-right">
							<h6>Claritas est etiam </h6>
							<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy  </p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
				<div class="col-md-4 wel">
					<h6>Welcome</h6>
					<h2>Consectetuer</h2>
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt </p>
				</div>
			<div class="clearfix"> </div>
			</div>
		</div>
	<!---->
	<div class="test">
			<div class="container">
				<div class="test-top-g">
					<h3>Clients</h3>
					<img src="images/li.png" alt="">
				 </div>
				<div class="test-top">
					<div class="col-md-4 test-top1 test-to " >
						<div class=" test-top2">
							<img src="images/qu.png" alt="">
							<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings </p>
							
							<div class="clearfix"> </div>
						</div>
						<div class="test-top3">
						<img src="images/th.jpg" class="img-responsive" alt="">
							<h6> The standard chunk  </h6>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="col-md-4 test-top1 ">
						<div class=" test-top2">
							<img src="images/qu.png" alt="">
							<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings </p>
							
							<div class="clearfix"> </div>
						</div>
						<div class=" test-top3">
							<img src="images/th1.jpg" class="img-responsive" alt="">
							<h6> The great explorer </h6>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="col-md-4 test-top1 ">
						<div class=" test-top2">
							<img src="images/qu.png" alt="">
							<p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings </p>
							
							<div class="clearfix"> </div>
						</div>
						<div class=" test-top3">
						<img src="images/th2.jpg" class="img-responsive" alt="">
							<h6> The great explorer</h6>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!---->
<!--content-->
 <div class="team">
 <div class="container">
 <div class="ser-top">
	<h3>Team</h3>
	<div class="ser-t">
		<b></b>
		<span><i></i></span>
		<b class="line"></b>
	</div>
 </div>
  <div class="team-top">
    <div class="team-top1">
        <div class="swipebox"  > 
			<img src="images/te.png" alt="" class="img-responsive">
				<div class="zoom-icon"> 
					<div class="zoom-icon1"> 
						<h5>Adney</h5>
							<ul class="social-ic">
								<li><a href="#"><i></i></a></li>
								<li><a href="#"><i class="ic"></i></a></li>
								<li><a href="#"><i class="ic1"></i></a></li>	
							</ul>
					</div>
				</div>
		</div>
    </div>
  </div>
  <div class="team-top">
    <div class="team-top1">
     <div class="swipebox"  > 
			<img src="images/te1.png" alt="" class="img-responsive">
				<div class="zoom-icon"> 
					<div class="zoom-icon1"> 
						<h5>Barb</h5>
							<ul class="social-ic">
								<li><a href="#"><i></i></a></li>
								<li><a href="#"><i class="ic"></i></a></li>
								<li><a href="#"><i class="ic1"></i></a></li>	
							</ul>
					</div>
				</div>
		</div>
	 
    </div>
  </div>
  <div class="team-top">
    <div class="team-top1">
      <div class="swipebox"  > 
			<img src="images/te2.png" alt="" class="img-responsive">
				<div class="zoom-icon"> 
					<div class="zoom-icon1"> 
						<h5>Carr</h5>
							<ul class="social-ic">
								<li><a href="#"><i></i></a></li>
								<li><a href="#"><i class="ic"></i></a></li>
								<li><a href="#"><i class="ic1"></i></a></li>	
							</ul>
					</div>
				</div>
		</div>
    </div>
  </div>
  <div class="team-top">
    <div class="team-top1">
      <div class="swipebox"  > 
			<img src="images/te3.png" alt="" class="img-responsive">
				<div class="zoom-icon"> 
					<div class="zoom-icon1"> 
						<h5>Chris</h5>
							<ul class="social-ic">
								<li><a href="#"><i></i></a></li>
								<li><a href="#"><i class="ic"></i></a></li>
								<li><a href="#"><i class="ic1"></i></a></li>	
							</ul>
					</div>
				</div>
		</div>
    </div>
  </div>
  
</div>
</div>

<!--//content-->
<div class=" news-letter ">
<div class="container">
 <div class="ser-top ser-top1">
	<h3>Newsletter</h3>
	<div class="ser-t ser-t1">
		<b></b>
		<span><i></i></span>
		<b class="line"></b>
	</div>
 </div>
				
				<form action="#" method="post">
					<input type="text" placeholder="Name" name="Name"  required="">
					<input type="text" placeholder="Email" name="Email"  required="">
					<input type="submit" value="Submit">
					<div class="clearfix"> </div>
				</form>
			</div>
			</div>
<!--footer-->
<div class="footer">
	<div class="container">
		<div class="col-md-7 footer-bottom ">
			<h4>Aenean condimentum suscipit</h4>
			<p>Proin ullamcorper urna quis velit mollis molestie suscipit nisl consectetur
			uspendisse venenatis dolor et nunc iaculis ege uspendisse venenatis dolor et nunc iaculis ege</p>
		</div>
			<div class="col-md-5 footer-bottom1 ">
			<h4>Follow Us</h4>
				<ul class="social">
						
						<li><a href="#"><i></i></a></li>
						<li><a href="#"><i class="icon"></i></a></li>
						<li><a href="#"><i class="icon1"></i></a></li>
						<li><a href="#"><i class="icon2"></i></a></li>
						
					</ul>
			</div>
				<div class="clearfix"> </div>
	</div>	
</div>
<div class="copy">
	<p class="footer-grid ">Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
</div>
<!-- for bootstrap working -->
<script src="js/bootstrap.min.js"></script>
<!-- //for bootstrap working -->
</body>
</html>